
.picker-container{padding: 20px;}
.title{margin-bottom: 10px;font-size: 24px;font-weight: bold;}
.subtitle{margin-bottom: 40px;color: #999;font-size: 14px;}
.date-picker{position: relative;display: flex;justify-content: center;height: 300px;background: #fff;}
.picker-column{position: relative;overflow: hidden;flex: 1;min-width: 40px;max-width: 60px;}
.picker-mask{position: absolute;z-index: 1;top: 0;right: 0;bottom: 0;left: 0;pointer-events: none;background: linear-gradient( to bottom, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.6) 45%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.6) 55%, rgba(255,255,255,0.95) 100% );}
.picker-indicator{position: absolute;z-index: 2;top: 50%;right: 0;left: 0;height: 40px;transform: translateY(-50%);pointer-events: none;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.picker-list{position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;padding: 130px 0;scrollbar-width: none;-ms-overflow-style: none;}
.picker-list::-webkit-scrollbar{display: none;}
.picker-item{height: 40px;transition: all 0.3s;text-align: center;color: #333;font-size: 16px;line-height: 40px;}
.picker-item.dim{color: #ccc;}
.picker-item.selected{color: #000;font-size: 18px;font-weight: bold;}
/* 添加分隔符样式*/.picker-column::after{position: absolute;z-index: 3;top: 50%;right: -2px;content: ':';transform: translateY(-50%);pointer-events: none;color: #999;}
/* 年月日后面的分隔符使用空格*/#dayPicker::after{margin-right: 10px;content: ' ';}
/* 最后一列不需要分隔符*/#secondPicker::after{content: none;}